<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
    <link rel="stylesheet" href="./css/login.css">
</head>
<!-- 登录界面 -->
<body>
    <div class="nav1">
        <div class="msk">
            <a href="login.html">登录</a>
        </div>
    </div>
    <div class="nav2">
        <div class="logo">
            <a href="#"><img src="./images/logo.png" alt=""></a>
            <ul>
                <li class="dropdown">
                    <span>首页</span>
                    <div class="dropdown-content">
                        <p><a href="#">主页</a></p>
                        <p><a href="#">搜索</a></p>
                    </div>
                </li>
                <li><a href="#">个人中心</a></li>
                <li><a href="#">关于</a></li>
            </ul>
        </div>
    </div>
    <div class="body">
        <div class="login">
            <span>登录</span>
            <br>
            <div class="slogin">
                <span>奥体账号名称</span>
                <br>
                <input type="text">
                <span>密码</span>
                <br>
                <input type="text">
                <br>
            </div>
                <span><button>登录</button></span>
                <br>
                <span><a href="forgetpassword.html">忘记密码您的密码？</a></span>
        </div>
        <div class="register">
           <div class="register1">
            加入苟且偷生，了解更多资讯
            <br>
            <img src="./images/chatu.png" alt="">
            <br>
            免费加入且简单易使用
            <br>
            <a href="./register.html"><button>加入苟且</button></a>
           </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer1">
            <a href="#"><img src="./images/dlogo.png"></a>
            <ul>
                <li><a href="#">侵权投诉</a></li>
                <li>|</li>
                <li><a href="./ppt/huibao.pptx">关于苟且偷生</a></li>
                <li>|</li>
                <li><a href="announcement.html" target="_blank">公告</a></li>
            </ul>
            <hr>
        </div>
    </div>
</body>
</html>